.body.index{
    background-color: #f6f8fb;
}
.main{
    width:1200px;
    margin:0 auto;
}


.chuangl .container{
    overflow: hidden;
    margin-top:40px;
}
.chuangl .container .box{
    width:386.66px;
    height:160px;
    margin-right:20px;
    float:left;
    border-radius:10px;
    overflow: hidden;
}
.chuangl .container .box1{

    background: url(../images/chuangl_1.png) no-repeat left 50px top 30px;
    background-color: #ffb06a;
}
.chuangl .container .box2{
    background: url(../images/chuangl_2.png) no-repeat left 50px top 30px;
    background-color: #a4d875;
}
.chuangl .container .box3{
    margin-right:0;
    background: url(../images/chuangl_3.png) no-repeat left 50px top 30px;
    background-color: #aeacff;
}
.chuangl .container .box p{
    font-size:24px;
    font-weight:bold;
    margin-top:40px;
    text-align: right;
    padding-right:50px;
    box-sizing: border-box;
    color:#ffffff;
}
.chuangl .container .box span{
    display:block;
    width:100%;
    text-align: right;
    padding-right:50px;
    margin-top:10px;
    font-size:15px;
    color:#ffffff;
    box-sizing: border-box;

}
.chax{
	width:100%;
	
	margin-top:24px;
}
.chax .container{
	background-color:#ffffff;
	width:1200px;
	height:115px;
	margin:0 auto;
	overflow:hidden;
}
.chax .container .img{
	width:133px;
	margin-top:23.5px;
	margin-left:50px;
	float:left;
}

.chax .container .right {
	float: left;
    width: 900px;
    margin-left: 40px;
}
.chax .container .right .top{
	float: left;
    width: 600px;
    margin-top: 12px;
}
.chax .container .right .top ul{
	height: 22px;
}
.chax .container .right .top ul li{
    float: left;
	height: 28px;
    font-size: 16px;
    font-family: NotoSansHans-Regular;
    font-weight: 400;
    color:rgba(77,77,77,1);
    cursor: pointer;
    margin-right: 22px;
}
.chax .container .right .top ul li.xz{
    color: #00a5db;
}

.chax .container .right .bottom {
	float: left;
    width: 920px;
    height: 50px;
	margin-top:4px;
}
.chax .container .right .bottom input{
	width: 694px;
    height: 49px;
    background: rgba(255,255,255,1);
    border: 2px solid #00a5db;
    border-radius: 4px;
    margin: 0;
    font-size: 22px;
    padding-left: 10px;
}
.chax .container .right .bottom button{
	width: 188px;
    height: 49px;
    background-color:#00a5db;
    border-radius: 4px;
    font-size: 24px;
    font-family: NotoSansHans-Regular;
    color: #ffffff;
    margin-top: 0px;
    margin-left: 16px;
	cursor:pointer;
}

.zhem{
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:999999999999;
	top:0;
	display:none;
}
.zhem .overlay img{
	float: left;margin-left: 272px;padding-left: 50%;margin-top: 5%;cursor: pointer;
}
.modal{
	display:none;
	width: 500px;
	height: 406px;
	position: fixed;
	top: 16%;
	z-index: 11000;
	margin-left: -235px;
	left: 50%;
	background-color: rgba(255, 255, 255, 1);
	border-radius:8px;
}

.modal .top{
	width:500px;
	height:92px;
	text-align: center;
	background:url(../images/modal_top.png) no-repeat  center;
}
.modal .top p:nth-child(1){
	font-size:24px;
	font-family:NotoSansHans-Medium;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:24px;
	padding-top: 26px;
	margin-bottom: 10px;
}
.modal .top p:nth-child(2){
	font-size:14px;
	font-family:SourceHanSansCN-Regular;
	font-weight:400;
	color:rgba(255,255,255,1);
	line-height:14px;
}
.modal .bottom{
	width:500px;
	height:314px;
	background-color: rgba(255, 255, 255, 1);
}
.modal .bottom table tr td span{
	font-size:18px;
	font-family:SourceHanSansCN-Regular;
	font-weight:400;
	color:rgba(84,84,84,1);
	line-height:24px;
}
.modal .bottom table tr td input{
	width:262px;
	height:36px;
	border:1px solid rgba(204,204,204,1);
	border-radius:4px;
	padding-left: 10px;
	font-size: 16px;
}








.ztn1{
    margin-top:30px;

}
.ztn1 .tab{
    overflow: hidden;
}
.ztn1 .tab .left{
    float:left;
    width:300px;
    overflow: hidden;
}
.ztn1 .tab .left{
    height:452px;
    padding:30px 38px;
    background-color: #29b7a7;
    box-sizing: border-box;
}
.ztn1 .tab1 .left{
    border-right: solid 1px #ececec;
    background: url(../images/ztn1_left1.png) no-repeat bottom 0 center;
    background-size:50% auto;
    background-color: #e5ecf2;
}
.ztn1 .tab .left h3{
    font-size: 32px;
    color: #d20007;
    font-weight: bold;
}
.ztn1 .tab .left p{
    font-size: 16px;
    line-height: 24px;
    color:#6a6a7b;
    margin-top:20px;
}
.ztn1 .tab .right{
    float:left;
    width:900px;
}
.ztn1 .tab .right .box{

    height:226px;
    border-right:solid 1px #ededed;
    border-bottom:solid 1px #ededed;
    box-sizing: border-box;
    padding: 29px 27px;
    background: #fff;
    float:left;
    position:relative;
    overflow: hidden;
}
.ztn1 .tab1 .right .box{
    width:450px;
}

.ztn1 .tab1 [data-tag]:before{
    content: attr(data-tag);
    position: absolute;
    width: 120px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    padding-top: 20px;
    color: #fff;
    background-color: #ccc;
    right: 0;
    top: 0;
    transform: rotateZ(45deg) translate(22%, -100%);
}

.ztn1 .tab1 [data-tag-type="1"]:before {
    background-color: #20B09F;
}

.ztn1 .tab1 [data-tag-type="2"]:before {
    background-color: #d20007;
}
.ztn1 .tab .right .box h4{
    font-size: 20px;
    color: #191919;
}
.ztn1 .tab .right .box p.des{
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 18px;
    color: #999999;
}
.ztn1 .tab .right .box ul{
    overflow: hidden;
}
.ztn1 .tab .right .box ul li{
    padding: 0 9px;
    margin-right: 10px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    border: 1px solid #d2d2d2;
    float:left;
}
.ztn1 .tab .right .box ul li:hover{
    background-color:#d20007;
}
.ztn1 .tab .right .box ul li a{
    display:block;
    color: #666;
    font-size: 12px;
}
.ztn1 .tab .right .box ul li:hover a{
    color:#ffffff;
}
.ztn1 .tab .right .box .price{
    font-size: 12px;
    color: #191919;
    overflow: hidden;
    margin-top:20px;
}
.ztn1 .tab .right .box .price p{
    color: #d20007;
    font-size:16px;
    float:left;
    line-height:24px;
}
.ztn1 .tab .right .box .price p b{
    font-size:24px;
    color: #d20007;
    margin-left:3px;
    line-height:24px;
    font-weight:normal;
}

.ztn1 .tab .right .box .price span{
    display:block;
    line-height:12px;
    font-size:12px;
    margin-top:8px;
    float:left;
    margin-left:5px;
}
.ztn1 .tab2{
    margin-top:30px;
}
.ztn1 .tab2 .left{
    border-right: solid 1px #ececec;
    background: url(../images/ztn1_left2.png) no-repeat bottom 0 center;
    background-size:57% auto;
    background-color: #e5ecf2;
}
.ztn1 .tab2 .right .box{
    width:300px;
}
.ztn1 .tab2 .right .box p.des{
    height:46px;
}
.ztn1 .tab3{
    margin-top:30px;
    margin-bottom:50px;
}
.ztn1 .tab3 .left{
    height:300px;
    border-right: solid 1px #ececec;
    background: url(../images/ztn1_left3.png) no-repeat bottom -40px center;
    background-size:44% auto;
    background-color: #e5ecf2;
}
.ztn1 .tab3 .right .box{
    width:300px;
    height:300px;
}
.ztn1 .tab3 .right .box p.des{
    height:100px;
}
.m_ztn1{
    display:none;
}
.ad1{
    width:100%;
    height:220px;
    background-color: #d20007;
}
.ad1 .main{
    width:900px;
    margin:0 auto;
}
.ad1 .box{
    float:left;
}
.ad1 .box .num{
    margin-top:60px;
    overflow: hidden;
}
.ad1 .box .num p{
    font-size:64px;
    line-height:64px;
    color:#ffffff;
    font-weight:bold;
    float:left;
}
.ad1 .box .num span{
    font-size:18px;
    line-height:18px;
    color:#ffffff;
    font-weight:bold;
}
.ad1 .box p.des{
    font-size:16px;
    color:#ffffff;
    line-height:16px;
    margin-top:10px;
    margin-left:5px;
}
.ad1 .box2{
    margin-left:200px;
}
.ad1 .box3{
    float:right;
}
.ztn2{
    overflow: hidden;
    background-color: #ffffff;
}
.ztn2 .main{
    margin-top:50px;
}
.ztn2 .tab{
    overflow: hidden;

}
.ztn2 .tab .title{
    overflow: hidden;
    float:left;
}
.ztn2 .tab .title h3{
    font-size: 24px;
    line-height: 32px;
    color: #555;
    margin-right: 15px;
    float:left;
}
.ztn2 .tab .title span{
    font-size: 14px;
    color: #bbb;
    line-height: 14px;
    margin-top:14px;
    display:block;
    float:left;
}
.ztn2 .tab ul{
    float:right;
    overflow: hidden;

}
.ztn2 .tab ul li{
    float:left;
    height:28px;
    padding:0 22px;
    border: 1px solid rgba(170, 170, 170, 0.2);
    line-height: 28px;
    border-radius: 30px;
    margin-left:10px;
    cursor:pointer;
}
.ztn2 .tab ul li.xz{
    background-color: #d20007;
    color:#ffffff;
}
.ztn2 .container{
    margin-top:40px;
    margin-bottom:40px;
}
.ztn2 .container .con{
    display:none;
    overflow: hidden;
}
.ztn2 .container .con.xz{
    display:block;
}
.ztn2 .container .box{
    width:292.5px;
    float:left;
    margin-right:10px;
    box-sizing: border-box;
    border:solid 2px rgba(0,0,0,0);
}
.ztn2 .container .box:hover{
    border:solid 2px rgba(210,0,7,0.7);
    box-sizing: border-box;
}
.ztn2 .container .con .box:last-child{
    margin-right:0;
}
.ztn2 .container .box .img{
    width:100%;
    height:220px;
    overflow: hidden;
}
.ztn2 .container .box .img img{
    width:100%;
    transition:0.5s;
}
.ztn2 .container .box:hover .img img{
    transform:scale(1.1);
    transition:0.5s;
}
.ztn2 .container .box .info{
    overflow: hidden;
}
.ztn2 .container .box:hover .info{
    background-color: rgba(210,0,7,0.7);
}
.ztn2 .container .box .info h3{
    font-size:17px;
    line-height:17px;
    margin-top:34px;
    padding:0 15px;
    box-sizing: border-box;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding: 0 15px;
    box-sizing: border-box;
}
.ztn2 .container .box:hover .info h3{
    color:#ffffff;
}
.ztn2 .container .box .info p{
    font-size:13px;
    color:#999;
    line-height:26px;
    margin-top:20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding:0 15px;
    box-sizing: border-box;
}
.ztn2 .container .box:hover .info p{
    color:#ffffff;
}
.ztn2 .container .box .info hr{
    width:100%;
    height:1px;
    background-color:rgba(170, 170, 170, 0.2) ;
    margin-top:24px;
}
.ztn2 .container .box:hover .info hr{
    background-color:rgba(255, 255, 255, 0.2);
}
.ztn2 .container .box .info span{
    display:block;
    width:262.5px;
    height:48px;
    line-height:48px;
    font-size:13px;
    color:#828282;
    background: url(../images/ztn2_time.png) no-repeat left center;
    padding:0 15px 0 25px;
    box-sizing: border-box;
    margin:0 auto;
}
.ztn2 .container .box:hover .info span{
    color:#ffffff;
    background: url(../images/ztn2_time_2.png) no-repeat left center;
}